/* *{-webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;} */
/*banner背景图片动画*/
@-webkit-keyframes scale-bg{
	from{
		-webkit-transform:scale(1.1);
		transform:scale(1.1);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
@keyframes scale-bg{
	from{
		-webkit-transform:scale(1.1);
		transform:scale(1.1);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
/*banner */
.banner{background: #f7f7f7;position: relative;}
.banner .section1{position: relative;}
.banner .index_banner .item{
	background-size: cover;
	-webkit-background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
	height:auto;
	position: relative;
}
.banner .index_banner .item.slick-current .scaleBg{
	visibility: visible; 
	/* animation:scale-bg 3s linear forwards;  */
}
.banner .index_banner .items{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.banner .index_banner .item .block_txt{
	position: absolute;
	top: 32%;
	right: 14%;
	opacity: 0; 
	transform: translateY(-40px);
	-webkit-transform: translateY(-40px);
	-webkit-transition: all 1s ease; 
	transition: all 1s ease;
}
.banner .index_banner .item:nth-child(2) .block_txt{
	position: absolute;
	top: 36%;
	left: 14%;
	opacity: 0; 
	transform: translateY(-40px);
	-webkit-transform: translateY(-40px);
	-webkit-transition: all 1s ease; 
	transition: all 1s ease;
}
.banner .index_banner .item.active .block_txt{
	opacity: 1; 
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-webkit-transition-delay: 0.5s; 
	transition-delay: 0.5s;
	width: 40%;
}

.banner .slick_txt{
	width:30%;
	height: 100%;
	background-color: transparent;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease; 
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	font-size: 0;
	outline: none;
	border:0;
}
.banner .left{left: 0;}
.banner .right{right:0;}
.banner .slick_txt:hover .slick_arrow{opacity: 1;visibility: visible;}
.banner .slick_txt .slick_arrow{
	width: 20px;
	height: 36px;
	background-repeat: no-repeat;
	background-position: center;
	margin-top: -18px;
	position: absolute;
	top: 50%;
	cursor: pointer;
	transition: all 500ms ease;
	transform: translateY(-50%);
	opacity: 0;
	visibility: hidden;
}
.banner .slick_txt .prev{background-image:url(../images/ban_prev.png);left:60px;}
.banner .slick_txt .next{background-image:url(../images/ban_next.png);right:60px;}
.banner .slick_txt .prev:hover{background-image:url(../images/ban_prev_hover.png);}
.banner .slick_txt .next:hover{background-image:url(../images/ban_next_hover.png);}
.banner .number{
	position: absolute;
	bottom:8%;
	left: 50%;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	display: table;
	padding: 0 20px;
	width: auto;
	text-align: center;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.banner .number span{
	font-family: "Myriad Pro","Microsoft YaHei";
	font-size: 14px;
	color: #fff;
	margin-right:100px;
	display: inline-block;
	cursor: pointer;
	position: relative;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease;
}
.banner .number span:last-child{margin-right: 0;}
.banner .number span:after{
	content: "";
	display: inline-block;
	width: 0;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	bottom:-20px;
	opacity: 0;
	visibility: hidden;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease;
}
.banner .number span.active:after{width: 100%;opacity: 1;visibility: visible;}
.slick-slide .items img{width: 100%;height: auto;}
.slick-slide .block_txt img{width: auto\9;}
.slick-dots li{width: 15px;}
.slick-dots li button:hover:before, .slick-dots li button:before{color: #007bc7;font-size: 30px;opacity: 1;}
.slick-dots li.slick-active button:hover:before,.slick-dots li.slick-active button:before{color: #e60012;}
.slick-dots{bottom: 10px;}

.wrapper{max-width: 1400px;margin:  0 auto;padding: 0 10px;}
.homemain{background: url(../images/bg_pic.jpg)repeat;}
.homemain h3.title{font:600 36px "Microsoft yahei"; color: #007bc7;text-align: center;}
.homemain h3.title span{position: relative;}
.homemain h3 span::before{content: '';width: 50px;height: 1px;position: absolute;left: -65px;top: 50%;background: #ddd;}
.homemain h3 span::after{content: '';width: 50px;height: 1px;position: absolute;right:-65px;top: 50%;background: #ddd;}
.homemain .en_tit{color: #999;text-transform: uppercase;font-size: 24px;text-align: center;padding: 0 0 2% 0;font-family: 'Times New Roman', Times, serif;}
.homemain .about{padding: 4% 0;position: relative;}
.homemain .about .imgarea{width: 45%;overflow: hidden;}
.homemain .about .imgarea img{width: 100%;height: 460px;transition: all 0.5s ease 0s;}
.homemain .about .imgarea:hover img{transform: scale(1.1);}
.homemain .about .icon_list{width: 10%;text-align: right;margin-right: 4%;}
.homemain .about .icon_list p{width: 55px;text-align: center;border-top: 5px solid #000;float: right;margin-bottom: 40px;}
.homemain .about .icon_list li{margin-bottom: 30px;line-height: 55px;height: 55px;}
.homemain .about .icon_list li span{margin-right: 5px;visibility: hidden;transition: none;}
.homemain .about .icon_list li:hover span{visibility: visible;}
.homemain .about .txtarea{max-width: 550px;}
.homemain .about .des{color: #000;padding-bottom: 50px;font-size: 16px;font-weight: bold;border-bottom: 1px solid #ddd;}
.homemain .about .more{color: #007bc7;font-size: 16px;border-top: 3px solid #007bc7;display: inline-block;margin-top: -2px;padding-right: 10px;font-weight: bold;}
.homemain .about .num li{width: 30.33%;padding:0 1.5%;float: left;margin-top: 60px;text-align: center;font-size: 16px;}
.homemain .about .num li p{color: #007bc7;font-size: 50px;line-height: 1;}
.homemain .about .num li p span{font-size: 16px;}

.homemain .pro1{width: 100%;overflow: hidden;}
.homemain .pro1 li {width:25%;float: left;color: #fff;position: relative;overflow: hidden;width:24.8%\9;}
.homemain .pro1 li::after{content: '';width: 100%;height: 100%;}
.homemain .pro1 li .imgarea{width: 100%;height: 100%;position: relative;overflow: hidden;}
.homemain .pro1 li .imgarea img{width: 100%;transition: all 0.5s ease 0s;}
.homemain .pro1 li::after{contain: '';position: absolute;width: 100%;height: 100%;bottom: 0;left: 0;z-index: 1;background: rgba(0,123,199,0.7);opacity: 0;}
.homemain .pro1 li:hover .imgarea img{transform: scale(1.1);}
.homemain .pro1 li .wrap{position: absolute; padding:0 30px;bottom: 0;z-index: 3;transition: all 0.5s ease;}
.homemain .pro1 li h4{font-size: 26px;color:#fff;}
.homemain .pro1 li .des{line-height: 1.7;font-size: 15px;margin-bottom: 25px;transition: all 0.5s ease;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow : hidden;word-break:break-all;}
.homemain .pro1 li .more{display: none;color: #fff;width: 30px;height: 30px;line-height: 30px;margin-top: 10px;font-family: '宋体';border: 1px solid #fff; border-radius: 50%;text-align: center;transition: all 0.5s ease}
.homemain .pro1 li:hover::after{opacity: 1; }
.homemain .pro1 li:hover .wrap{bottom: 30px;}
.homemain .pro1 li:hover .more{display: block;}

.homemain .news{padding-bottom: 4%;}
.homemain .news h3.title{padding: 4% 0 0 ;background: #fff;}
.homemain .news .en_tit{background: #fff;padding: 0;}
.homemain .news .select{text-align: center;padding: 2% 0 3%;position: relative;z-index: 2;}
.homemain .news .select::before{content: '';width: 100%;height: 1px;background: #ddd;position: absolute;left: 0;top: 45%;z-index: -1;}
.homemain .news .select span{display: inline-block;padding: 3px 30px;background: #fafafa;border: 1px solid #ddd;border-radius: 25px;margin: 0 30px;font-size: 16px;}
.homemain .news .select span.choice{border: 1px solid #007bc7;font-weight: bold;}
.homemain .news .item{height: 0;overflow: hidden;transition: none;}
.homemain .news .item.show{height: 100%;}
.homemain .hotnews,.homemain .newslist{width: 47.5%;}
.homemain .hotnews li{position: relative;width: 100%;}
.homemain .hotnews li .txt{position: absolute;width: 100%;height: 50px;line-height: 50px;left: 0;bottom: 0;background: rgba(0,123,199,0.7);}
.homemain .hotnews li .txt h4{width: 70%;float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #fff;font-size: 17px;font-weight: bold;padding-left: 10px;}
.homemain .hotnews li .txt span{float: right;font-size: 16px;padding-right: 10px;color: #fff;}
.homemain .hotnews .imgarea{display: block;width: 100%;height: 435px;overflow: hidden;}
.homemain .hotnews .imgarea img{width: 100%;height: 100%;transition: all 0.5s ease 0s;}
.homemain .newslist li{padding: 20px 0;background: #f2f2f2;margin-bottom: 30px;}
.homemain .newslist li .time{width: 100px;float: left;border-right: 1px solid #ddd;box-sizing: border-box;text-align: center;color: #007bc7;}
.homemain .newslist li .time p{font-size: 48px;line-height: 1;}
.homemain .newslist .txt {width: calc(100% - 140px);padding-right: 20px;}
.homemain .newslist h5{font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: bold;}
.homemain .newslist .des{color: #666;line-height: 1.8;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow : hidden;word-break:break-all;}
.homemain .newslist .time .more{float: right;padding: 0px 20px;border-left: 1px solid #ddd;color: #666;}
.homemain .hotnews:hover img,.homemain .news li:hover img{transform: scale(1.1);}
.homemain .hotnews .swiper-button-prev,.homemain .hotnews .swiper-container-rtl .swiper-button-next{background: url(../images/ban_prev.png) no-repeat;}
.homemain .hotnews .swiper-button-next,.homemain .hotnews .swiper-container-rtl .swiper-button-prev{background: url(../images/ban_next.png) no-repeat;}


.homemain .mod3{padding: 3% 0;background: #f5f5f5;}
.homemain .mod3 ul{width: 103%;}
.homemain .mod3 ul li{width: 30.333%;margin-right: 3%;float: left;}
.homemain .mod3 ul li .imgarea{width: 100%;overflow: hidden;display: block;}
.homemain .mod3 ul li img{width: 100%;transition: all 0.5s ease;}
.homemain .mod3 ul li h4{font-size: 24px;font-weight: bold;padding-top: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.homemain .mod3 ul li h4 span{padding-left: 10px;font-size: 20px;font-family: 'Times New Roman', Times, serif;color: #999;text-transform: uppercase;}
.homemain .mod3 ul li .des{font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.homemain .partner{padding: 4% 0;}
.homemain .partner .swiper-container{padding-bottom: 3%;}
.homemain .partner .swiper-pagination{bottom: 0;}
.homemain .partner li{float: left\9;width: 16%\9;}
.swiper-pagination-bullet-active{background: #cb0008;}
.homemain .partner li img{max-width: 100%;}


@media only screen and (max-width: 1400px){
	.header .navbar_nav li.dropdown{margin: 0 20px;}
	.header .langue{margin-left: 10px;margin-right: 10px;}
	.homemain .about .icon_list{width: 11%;margin-right: 3%;}
	.homemain .about .imgarea img{height: 30vw;}
	.homemain .about .icon_list p{margin-bottom: 1vw;}
	.homemain .about .icon_list li{margin-bottom: 1vw;}
	.homemain .about .txtarea{width: 41%;}
	.homemain .about .des{padding-bottom: 2vw}
	.homemain .about .num li{margin-top: 2vw;}
	.homemain .about .num li p{font-size: 40px;}
	.homemain .pro1 li h4{font-size: 24px;}


}

@media only screen and (max-width: 1200px){
	.header .navbar_nav li.dropdown {margin: 0 15px;}
	.header .nav .leve1{font-size: 14px;}
	.homemain .about .icon_list p{display: none;}
	.homemain .about .num li p{font-size: 30px;}
	.homemain .about .des{font-size: 14px;}
	.homemain .about .icon_list{width: 12%;margin-right: 2%;}
	.homemain .pro1 li .des{margin-bottom: 0;}
	.homemain .hotnews li .txt h4{font-weight: normal;}
	.homemain .mod3 ul li h4{font-size: 22px;padding-top: 20px;}
	.homemain h3.title{font-size: 30px;}
	.homemain .en_tit{font-size: 20px;}
	
}


@media only screen and (max-width: 1000px){
	.header{position: fixed;}
	body{padding-top: 60px;}
	.header .langue{float: none;display: inline-block;margin-top: 15px;position: absolute;right: 60px;}
	.header,.header .logo{height: 60px;}
	.homemain .about .icon_list{display: none;}
	.homemain .about .imgarea img{height: 35vw;}
	.homemain .about .txtarea{width: 50%;margin-left: 5%;}
	.homemain .about .more{display: none;}
	.homemain .pro1 li{width: 50%;}
	.homemain .pro1 li h4{font-size: 22px;}
	.homemain .news .select span{font-size: 14px;}
	.homemain .mod3 ul li h4{font-size: 18px;}
	.homemain .mod3 ul li h4 span{display: none;}
}

@media only screen and (max-width: 768px){
	.banner .slick_txt .prev{left: 5px;}
	.banner .slick_txt .next{right: 5px;}
	.banner .index_banner .item.active .block_txt{width: 50%;}
	.homemain{padding: 0 10px;}
	.homemain h3.title{font-size: 24px;}
	.homemain .about .imgarea,.homemain .about .txtarea{width: 100%;}
	.homemain .about .imgarea img{height: auto;}
	.homemain .about .txtarea{max-width: none;margin-left: 0;margin-top: 20px;}
	.homemain .hotnews, .homemain .newslist{width: 100%;}
	.homemain .hotnews .imgarea{height: auto;}
	.homemain .news .select span{margin: 0 5px;}
	.homemain .pro1 li h4{font-size: 18px;}
	.homemain .mod3 .swiper-container{padding-bottom: 2%;}
	.homemain .mod3 .swiper-pagination{bottom: 0;}
	.homemain .pro1 li .wrap{bottom: 20px;}
	.homemain .pro1 li h4{font-size: 18px;font-weight: bold;}
	.homemain .pro1 li .des{font-size: 14px;}
	.homemain .pro1 .swiper-pagination-bullet{background: #fff;opacity: 0.5;}
	.homemain .pro1 .swiper-pagination-bullet-active{background: #e60012;opacity: 1;}
	.homemain .pro1 li .more{width: 26px;height: 26px;line-height: 26px;}
	.homemain .mod3 ul li h4{font-size: 17px;}
	.homemain .mod3 ul li .des{font-size: 14px;}
}

@media only screen and (max-width: 640px){
	
}

@media only screen and (max-width: 480px){
	.slick-slide img{width: 130%;margin-left: -10%;}
	.header .logo{width: 30%;margin-left: 10px;}
	.homemain h3.title{font-size: 18px;}
	.homemain .en_tit{font-size: 16px;padding: 0;}
	.homemain .about .num{display: none}
	.homemain .about .des{border-bottom: none;}
	
	.homemain .pro1 li{width: 100%;}
	.homemain .pro1 li .wrap{padding: 20px;}
	.homemain .news .select span{margin: 0 5px;padding: 0px 10px;}
	.homemain .hotnews li .txt h4{font-size: 16px;}
	.homemain .newslist li{margin-bottom: 20px;padding: 10px 0;}
	.homemain .newslist li .time{width: 80px;}
	.homemain .newslist li .time p{font-size: 36px;padding-top: 10px;}
	.homemain .newslist h5{font-size: 16px;}
	.homemain .newslist .txt{width: calc(100% - 120px);}
	.homemain .mod3 ul,.homemain .mod3 ul li{width: 100%;margin: 0;}
	.homemain .mod3 ul li{margin-bottom: 10px;}
	.homemain .mod3 ul li h4{padding-top: 10px;}
}